<template>
	<div class="ShopCarNone">
		<div class="container">
			<div class="msg">
				<img src="~img/common/tab_shopping_nor.png" />
				<p>购物车还是空的快去逛逛吧~</p>
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		name:'ShopCarNone'
	}
</script>

<style lang="scss" scoped>
	.ShopCarNone{
		height: 100%;
	}
	.ShopCarNone .container{
		height: 100%;
		position: relative;
	}
	.ShopCarNone .container .msg{
		width:256px;
		height: 225px;
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin: auto;
		text-align: center;
	}
	.ShopCarNone .container img{
		display: block;
		width:82px;
		height: 86px;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.ShopCarNone .container p{
		width:250px;
		line-height: 45px;
		font-size: 33px;
		color:#333;
		letter-spacing: 2px;
	}
</style>